<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">


	<style>
.cols {
	vertical-align: top;
}
</style>
	<h:form id="form">
		<h:panelGrid columns="2" columnClasses="cols,cols">
			<rich:panelMenu mode="ajax" iconExpandedGroup="disc"
				iconCollapsedGroup="disc" iconExpandedTopGroup="chevronUp"
				iconGroupTopPosition="right" iconCollapsedTopGroup="chevronDown">
				<rich:panelMenuGroup label="Group 1">
					<rich:panelMenuItem label="Item 1.1"
						action="#{panelMenu.updateCurrent}">
						<f:param name="current" value="Item 1.1" />
					</rich:panelMenuItem>
					<rich:panelMenuItem label="Item 1.2"
						action="#{panelMenu.updateCurrent}">
						<f:param name="current" value="Item 1.2" />
					</rich:panelMenuItem>
					<rich:panelMenuItem label="Item 1.3"
						action="#{panelMenu.updateCurrent}">
						<f:param name="current" value="Item 1.3" />
					</rich:panelMenuItem>
				</rich:panelMenuGroup>
				<rich:panelMenuGroup label="Group 2">
					<rich:panelMenuItem label="Item 2.1"
						action="#{panelMenu.updateCurrent}">
						<f:param name="current" value="Item 2.1" />
					</rich:panelMenuItem>
					<rich:panelMenuItem label="Item 2.2"
						action="#{panelMenu.updateCurrent}">
						<f:param name="current" value="Item 2.2" />
					</rich:panelMenuItem>
					<rich:panelMenuItem label="Item 2.3"
						action="#{panelMenu.updateCurrent}">
						<f:param name="current" value="Item 2.3" />
					</rich:panelMenuItem>
					<rich:panelMenuGroup label="Group 2.4">
						<rich:panelMenuItem label="Item 2.4.1"
							action="#{panelMenu.updateCurrent}">
							<f:param name="current" value="Item 2.4.1" />
						</rich:panelMenuItem>
						<rich:panelMenuItem label="Item 2.4.2"
							action="#{panelMenu.updateCurrent}">
							<f:param name="current" value="Item 2.4.2" />
						</rich:panelMenuItem>
						<rich:panelMenuItem label="Item 2.4.3"
							action="#{panelMenu.updateCurrent}">
							<f:param name="current" value="Item 2.4.3" />
						</rich:panelMenuItem>
					</rich:panelMenuGroup>
					<rich:panelMenuItem label="Item 2.5"
						action="#{panelMenu.updateCurrent}">
						<f:param name="current" value="Item 2.5" />
					</rich:panelMenuItem>
				</rich:panelMenuGroup>
				<rich:panelMenuGroup label="Group 3">
					<rich:panelMenuItem label="Item 3.1"
						action="#{panelMenu.updateCurrent}">
						<f:param name="current" value="Item 3.1" />
					</rich:panelMenuItem>
					<rich:panelMenuItem label="Item 3.2"
						action="#{panelMenu.updateCurrent}">
						<f:param name="current" value="Item 3.2" />
					</rich:panelMenuItem>
					<rich:panelMenuItem label="Item 3.3"
						action="#{panelMenu.updateCurrent}">
						<f:param name="current" value="Item 3.3" />
					</rich:panelMenuItem>
				</rich:panelMenuGroup>
			</rich:panelMenu>
		</h:panelGrid>
	</h:form>
</ui:composition>